<template>
    <div class="conn">
        <lay-split-panel style="height: 100%;  width: 100%">
            <lay-split-panel-item :space="200">
                <lay-split-panel :vertical="true" style="height: 100%; width: 100%">
                    <lay-split-panel-item>
                        <homeleft></homeleft>
                    </lay-split-panel-item>
                    <lay-split-panel-item :space="200">
                        这里显示日志
                    </lay-split-panel-item>
                </lay-split-panel>
            </lay-split-panel-item>
            <lay-split-panel-item>
                <lay-tab type="card" v-model="storeMain.home.tabs_current" :allow-close="false" @change="change" @close="close">
                    <lay-tab-item title="数据库" id="1">
                        <databaselist></databaselist>
                    </lay-tab-item>
                    <lay-tab-item title="表数据" id="2">
                        <tablelist></tablelist>
                    </lay-tab-item>
                </lay-tab>
            </lay-split-panel-item>
        </lay-split-panel>
    </div>
</template>
<script setup>
import homeleft from './homeleft.vue'
import databaselist from './databaselist.vue'
import tablelist from './tablelist.vue'
import {onMounted, ref} from "vue";
import {useStoreMain} from '../../store/storeindex.js';
const storeMain = useStoreMain();

const handleClick = () => {
    storeMain.down.getPlist();
}
function handleShowInfo(cid, name) {

    storeMain.down.getDown(cid, name);

}
onMounted(() => {
    // storeMain.publicmain.ziyuanurl = $utilstoken.getStorage('ziyuanurl');
})
</script>
<style lang="scss" scoped>
.conn {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-flow: row nowrap;
    background-color: #fff;
    :deep(.lay-split-panel-item) {
        flex-basis: calc(100% - 200px);
    }
}
</style>
